<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>外卖</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <div class="container">
    <!-- <div class="menu"> -->
      <ul class="menu-list">
        <li>推荐</li>
        <li class="active">热销</li>
        <li>优惠</li>
        <li>夏日冰咖必喝榜</li>
        <li>小食</li>
        <li>饮料</li>
        <li>甜品</li>
        <li>套餐</li>
      </ul>
    <!-- </div> -->
     <div class="goods-box">
       <ul class="goods-list">
   
       </ul>
     </div>
    <div class="pic-box">
      <div class="car-icon">
        <span class="car-num">0</span>
      </div>
      <div class="car-price">
        <span class="price">￥0</span>
        <span class="desc">配送费￥4元</span>
      </div>
        <!-- <div class="car-btn">
          <span class="btn">￥20元起送</span>
        </div> -->
      <div class="car-btn">
        <span class="car-bt-title">去结算</span>
      </div>
    </div>
  </div>
</body>
<script src="./js/data.js"></script>
<script src="./js/index.js"></script>
</html>